@import "./config.scss";

.login-logo {
  width: 360px;
  height: 180px;
  margin: 60px auto;

  text-align: center;
}
// 输入框
.login-input-item {
  display: flex;
  align-items: center;
  width: 640px;
  border-bottom: 2px solid $borderColor;
  margin: 0 auto;
  padding: 18px 0;

  .iconfont {
    font-size: 42px;
    color: $infoColor;
  }

  input {
    flex: 1;
    display: block;
    padding: 18px 20px;
    outline: none;
    border: none;
    font-size: 28px;
    background-color: transparent;
  }

  // 验证码
  .ver_code {
    font-size: 26px;
    width: 180px;
    height: 60px;
    border-radius: 60px;
    border: 1px solid $themeColor;
    color: $themeColor;
    &:disabled {
      border-color: $infoColor;
      color: #fff;
      background-color: $infoColor;
    }
  }
}

// 忘记密码
.login-forgot {
  display: flex;
  align-items: center;
  width: 640px;
  margin: 30px auto 0;
  justify-content: flex-end;
  color: $infoColor;
  .iconfont {
    font-size: 30px;
    margin-right: 6px;
  }
}

// 按钮
.login-button {
  display: block;
  width: 620px;
  height: 80px;
  border-radius: 80px;
  margin: 60px auto 0;
  background-color: $themeColor;
  color: #fff;
  font-size: 34px;
  letter-spacing: 20px;
  text-indent: 20px;
  &:active {
    opacity: 0.8;
  }
}

// 去注册
.login-warnText {
  text-align: center;
  margin-top: 30px;
  a {
    text-decoration: none;
    color: $themeColor;
  }
}
